---
layout: snippet
title: "Jumbotron example"
permalink: /examples/jumbotron/basic/
sitemap: false
---

<div class="jumbotron jumbotron-primary mb-4">
    <h1 class="display-4">
        Hello, world!
    </h1>
    <p class="lead">
        This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content
        or information.
    </p>
    <hr class="divider divider-solid">
    <p class="text-left">
        It uses utility classes for typography and spacing to space content out within the larger container.
    </p>
</div>